<div style="display: flex; justify-content: center; align-items: center; text-align: center;">
    <div>
        <!-- Logo Row -->
        <div style="display: flex; justify-content: center; align-items: center; gap: 10px; margin-bottom: 10px;">
            <a href="https://github.com/mit-han-lab/nunchaku">
                <img src="https://github.com/mit-han-lab/nunchaku/raw/refs/heads/main/assets/nunchaku.svg"
                     alt="nunchaku logo"
                     style="height: 150px; width: auto;"/>
            </a>
            <a href="https://hanlab.mit.edu/projects/svdquant">
                <img src="https://github.com/mit-han-lab/nunchaku/raw/refs/heads/main/assets/svdquant.svg"
                     alt="svdquant logo"
                     style="height: 40px; width: auto;"/>
            </a>
        </div>

        <!-- Title -->
        <h1 style="margin-top: 0;">INT4 FLUX.1-fill-dev Demo</h1>
        <h4>Quantization Library:
            <a href='https://github.com/mit-han-lab/deepcompressor' target="_blank">DeepCompressor</a>&nbsp;
            Inference Engine: <a href='https://github.com/mit-han-lab/nunchaku' target="_blank">Nunchaku</a>&nbsp;
        </h4>
        <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
            {device_info}
        </div>
        <div style="display: flex; justify-content: center; align-items: center; text-align: center;">
            {notice}
        </div>
        {count_info}
    </div>
</div>
